<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:permission="http://www.w3.org/1999/xhtml">
<head th:include="/common/head::commonHead('首页',~{::link},~{})">
    <link rel="stylesheet" th:href="@{/css/index.css}" media="all">
</head>
<body class="main_body">
<div class="layui-layout layui-layout-admin">

    <!--header start-->
    <div class="layui-header header">
        <div class="layui-logo">AI-PLATFORM 后台管理</div>
        <div class="layui-main">
            <ul class="layui-nav top_menu">
                <li class="layui-nav-item" pc="">
                    <a href="javascript:;">
                        <div id="avatar-str" class="hide">
                            <p permission:principal="avatar"></p>
                        </div>
                        <img id="avatar" class="layui-circle" width="35" height="35">
                        <cite permission:principal="name"></cite>
                     </a>
                     <dl class="layui-nav-child layui-anim layui-anim-upbit">
                        <dd><a href="javascript:;" data-url="page/user/userInfo.html"><i class="layui-icon layui-icon-username"></i><cite>个人资料</cite></a></dd>
                        <dd class=""><a href="javascript:;" data-url="page/user/changePwd.html"><i class="layui-icon layui-icon-password"></i><cite>修改密码</cite></a></dd>
                        <dd class=""><a th:href="@{/logout}"><i class="layui-icon layui-icon-return"></i><cite>退出</cite></a></dd>
                     </dl>
                </li>
            </ul>
        </div>
    </div>
    <!--header end-->

    <!--nav start-->
    <div class="layui-side layui-bg-black">
        <div class="navBar layui-side-scroll"></div>
    </div>
    <!--nav end-->

    <!--right start-->
    <div class="layui-body layui-form">
        <div class="layui-tab marg0" lay-filter="bodyTab">
            <ul class="layui-tab-title top_tab">
                <li class="layui-this" lay-id=""><i class="layui-icon layui-icon-console"></i> <cite>仪表盘</cite></li>
            </ul>
            <div class="layui-tab-content clildFrame">
                <div class="layui-tab-item layui-show">
                    <iframe></iframe>
                </div>
            </div>
        </div>
    </div>
    <!--right end-->

    <!--footer start-->
    <div class="layui-footer footer">
        <p>copyright @2018</p>
    </div>
    <!--footer end-->
</div>

<div class="site-mobile-shade"></div>

<div class="layui-layer-move"></div>
<script th:src="@{/js/index.js}"></script>
</body>
</html>